<template>
  <div class="content">
    <!-- <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1607954546259&di=e6137b080255297ae5090d5b9cabf6c7&imgtype=0&src=http%3A%2F%2Fimg.findlawimg.com%2Finfo%2F2020%2F0122%2F20200122113551186.jpg" alt=""> -->
    <dl @click="$router.push('/dochome')">
      <dt>医生</dt>
      <dd>
        <img
          src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=140979139,1211518312&fm=15&gp=0.jpg"
          alt=""
        />
      </dd>
    </dl>
    <h2>智慧医疗</h2>
    <dl @click="$router.push('/home')">
      <dt>患者</dt>
      <dd>
        <img
          src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2485963994,313793543&fm=11&gp=0.jpg"
          alt=""
        />
      </dd>
    </dl>
  </div>
</template>

<script>
export default {

};
</script>

<style scoped>
.content {
  width: 100%;
  height: 100%;
  background-image: url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1607954546259&di=e6137b080255297ae5090d5b9cabf6c7&imgtype=0&src=http%3A%2F%2Fimg.findlawimg.com%2Finfo%2F2020%2F0122%2F20200122113551186.jpg");
  background-size: 100% 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
h2 {
  font-size: 60px;
  font-weight: 900;
}
dl {
  width: 200px;
  height: 300px;
  font-size: 50px;
  font-weight: 900;
  text-align: center;
}
dl dd {
  width: 200px;
  height: 200px;
  background: white;
  border-radius: 50%;
  overflow: hidden;
}
</style>
